.login {
  width: 100%;
  height: 100%;
  position: relative;
  background: url("../../assets/images/login/login_banner.png") no-repeat;
  background-size: 100% 100%;
  @include flex(center, center);
  .login-container {
    background-color: #fff;
    border-radius: 20px;
    width: 1240px;
    height: 681px;
    @include flex(space-between, flex-start);
    .login-container-left { 
      img {
        display: block;
        margin-left: -1px;
      }
    }
    .login-container-right {
      flex: 1;
      height: 100%;
      @include flex(center, center);
      .lcr-wrap {
        width: 100%;
        @include flex(center, center);
        flex-direction: column;
        .login-name {
          font-size: 26px;
          margin: 10px 0 50px;
        }
      }
      .login-form {
        width: 60%;
        .el-form-item {
          margin-bottom: 20px;
        }
        .cursor {
          cursor: pointer;
        }
        /deep/.el-input__inner {
          height: 50px;
          line-height: 50px;
        }
        /deep/.el-input--prefix {
          .el-input__prefix {
            left: 14px;
            right: auto;
            top: 9px;
          }
        
          .el-input__inner {
            padding-left: 50px;
          }
        }
        /deep/.el-input--suffix {
          .el-input__suffix {
            top: 9px;
          }
        }
        .el-button {
          height: 50px;
          font-size: 20px;
          border-radius: 40px;
          background-color: $subActive;
          margin-top: 30px;
          &:hover {
            background-color: rgba(27,168,142, .8);
          }
        }
        .tips {
          font-size: $font_14;
          span {
            color: $menuActiveText;
            &:hover {
              cursor: pointer;
            }
          }
        }
      }
    }
  }
  .puzzle-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.5);
    user-select: none;

    .puzzle-container {
      width: fit-content;
      height: fit-content;
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  }
}